<template>
    <div class="homepage">
        <!-- homepage / qa / video / mine -->
        <van-nav-bar class="header" />
        <router-view />
        <van-tabbar v-model="active">
            <van-tabbar-item to="/" icon="wap-home-o">首页</van-tabbar-item>
            <van-tabbar-item to="/qa" icon="chat-o">问答</van-tabbar-item>
            <van-tabbar-item to="/video" icon="video-o">视频</van-tabbar-item>
            <van-tabbar-item to="/mine" icon="user-o">我的</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script>
export default {
    data () {
        return {
            active: 0,
        };
    },
}
</script>

<style lang="less" scoped>
    .header {
        z-index: 9999;
    }
</style>
